<template>
  <a-config-provider :locale="locale">
    <div id="app">
      <router-view />
    </div>
  </a-config-provider>
</template>

<script>
import zhCN from 'ant-design-vue/lib/locale-provider/zh_CN';

export default {
  data() {
    return {
      locale: zhCN,
      isRouterAlive: true
    };
  },
  provide() {
    return {
      reload: this.reload
    };
  },
  computed: {

  },
  mounted() {
    console.log(document.body.clientWidth);
    if (document.body.clientWidth <= 1700) {
      document.body.style = 'zoom: 0.9';
    }
  },
  methods: {

  },
  components: {}
};
</script>
<style lang="less">
html,body {
  height: auto !important;
}
.ant-layout {
  background: rgb(235,238,246) !important;
}
ul {
  list-style-type: none;
}
.flex-container {
  display: flex;
}
.flex-between {
  justify-content: space-between;
}
.blue {
  color: #128bed;
  cursor: pointer;
}
.red {
  color: #d9001b;
  cursor: pointer;
}
.boxpad {
  background: #ffffff;
  padding: 12px;
  border-radius: 5px;
}
.pointer {
  cursor: pointer;
}
.flex-center {
  align-items: center;
}
// .table-head{
//   font-size: 16px;
//   font-family: PingFangSC-Medium, PingFang SC;
//   font-weight: 500;
//   color: #000000;
// }
.box2 {
  border: 1px solid #ccc;
  border-radius: 10px;
  margin-bottom: 20px;
  .boxHeader {
    padding: 10px 20px;
    background: rgba(243, 243, 243, 1);
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    align-items: center;
    button {
      margin-left: 10px;
    }
  }
  .box-pad {
    padding: 10px 20px;
    table {
      td {
        padding: 5px;
      }
    }
    .boxMain {
      margin-bottom: 10px;
      & > div:first-child {
        align-items: center;
        & > * {
          margin-right: 20px;
        }
      }
    }
  }
}
.table-page-search-wrapper {

    .ant-form-inline {

      .ant-form-item {
        display: flex;
        margin-bottom: 24px;
        margin-right: 0;

        .ant-form-item-control-wrapper {
          flex: 1 1;
          display: inline-block;
          vertical-align: middle;
        }

        > .ant-form-item-label {
          line-height: 32px;
          padding-right: 8px;
          width: auto;
        }
        .ant-form-item-control {
          height: 32px;
          line-height: 32px;
        }
      }
    }

    .table-page-search-submitButtons {
      display: block;
      margin-bottom: 24px;
      white-space: nowrap;
    }

  }
  a.red {
    color: red;
  }
  .ant-row{
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .cus-form-style {
    .ant-radio-wrapper {
      white-space:unset;
      span{
        word-break: break-all;
      }
    }
  }

  .ant-alert-with-description.ant-alert-no-icon {
    padding: 8px 15px !important;
  }

  .scroll-y {
    overflow-y: auto;
  }
</style>
